<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>iconfont演示</title>
  <link rel="stylesheet" href="css/iconfont.css">
</head>

<body>

  <div>
    <span class="iconfont demo-icon-01">&#xe620;</span>
    <i class="iconfont demo-icon-02">&#xe7ab;</i>
  </div>

  <!-- 离线版本 -->
  <div>
    <svg class="demo-icon-03" t="1617669737273" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1068" width="200" height="200">
      <path d="M384 465.92m-23.04 0a23.04 23.04 0 1 0 46.08 0 23.04 23.04 0 1 0-46.08 0Z" fill="#333333" p-id="1069"></path>
      <path d="M384 465.92m-48.64 0a48.64 48.64 0 1 0 97.28 0 48.64 48.64 0 1 0-97.28 0Z" fill="#333333" p-id="1070"></path>
      <path d="M698.88 465.92m-23.04 0a23.04 23.04 0 1 0 46.08 0 23.04 23.04 0 1 0-46.08 0Z" fill="#333333" p-id="1071"></path>
      <path d="M698.88 465.92m-48.64 0a48.64 48.64 0 1 0 97.28 0 48.64 48.64 0 1 0-97.28 0Z" fill="#333333" p-id="1072"></path>
      <path
        d="M263.68 893.44l12.8-158.72c-10.24-7.68-20.48-17.92-28.16-25.6-51.2-53.76-79.36-117.76-79.36-186.88 0-163.84 161.28-296.96 360.96-296.96S890.88 358.4 890.88 522.24 729.6 819.2 529.92 819.2c-28.16 0-74.24-7.68-94.72-10.24l-171.52 84.48z m266.24-619.52C358.4 273.92 220.16 384 220.16 519.68c0 53.76 23.04 107.52 64 151.04 7.68 7.68 28.16 25.6 35.84 30.72l10.24 7.68-7.68 97.28 107.52-51.2 7.68 2.56s61.44 10.24 92.16 10.24c171.52 0 309.76-110.08 309.76-245.76s-138.24-248.32-309.76-248.32z"
        fill="#333333" p-id="1073"></path>
    </svg>
  </div>

  <div class="demo-icons">
    <i class="iconfont">&#xe611;</i>
    <i class="iconfont">&#xe637;</i>
    <i class="iconfont">&#xe64f;</i>
    <i class="iconfont">&#xe706;</i>
    <i class="iconfont">&#xe60d;</i>
    <i class="iconfont">&#xe7ab;</i>
    <i class="iconfont">&#xe620;</i>
  </div>

</body>

</html>